@charset "utf-8";
$needCollapse:true !default;
$collapseBdColor:#dddddd !default;
@if $needCollapse{
  .mod_collapse{
    line-height: 24px;
    .collapse_hd{
      padding: 10px 5px;
      cursor: pointer;
      @include gradient-vertical(#fff,#f0f0f0);
      border-bottom: 2px solid $collapseBdColor;
    }
    .title{
      margin-bottom: 0.5em;
      font-size: 12px;
    }
    .collapse-icon{
      background: url(#{$base}collapse-close.jpg) no-repeat left top;
      display: inline-block;
      width: 12px;
      height: 12px;
      vertical-align: middle;
      margin-right: 12px;
      margin-top: -3px;
    }
    .collapse-open{
      background: url(#{$base}collapse-open.jpg) no-repeat;
    }
    .collapse_bd{
      padding: 10px;
      display: none;
    }
    h3{
      font-size: 14px;
      font-weight: bold;
      margin: 0.5em 0;
    }
    .img_shdow{
      @include box-shadow(0 0 3px 2px rgba(0,0,0,0.08));
      margin:1em 0;
    }
  }
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    .collapse-icon{
      position: relative;
      top:-1px;
    }
  }
}
